/*头部*/
.header {
    width: 640px;
    height: auto;
}

.h-top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    align-items: center;
    padding: 0 18px;
    background: #fff;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;


}

.h-top1 {
    width: 100%;
    height: 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;


}

.h-top span {
    margin-left: 0.1rem;
}

.wz1 {
    color: #000;
}

.h-top1 .wz3 {
    width: 0.8rem;
    height: 0.3rem;
    background: #42bd56;
    border-radius: 0.3rem;
    line-height: 0.3rem;
    margin-right: 0.2rem;

}

.wz3 a {
    margin-left: 0.1rem;
    color: #fff;
}


.h-center {
    width: 100%;
    height: auto;
    margin-top: 0.8rem;
}

.h-center1 {
    width: 100%;
    height: 0.43rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 0.43rem;
}

.wz4 {
    color: #000;
    font-size: 0.2rem;
    margin-left: 0.2rem;
}

.wz5 a {

    color: #42bd56;
    margin-right: 0.2rem;
}

.h-center ul {
    display: flex;
    margin-left: 0.2rem;

}

.h-center ul li {
    flex-grow: 1;

}


.h-bottom1 {
    width: 100%;
    height: 0.43rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 0.43rem;
}

.wz6 {
    color: #000;
    font-size: 0.2rem;
    margin-left: 0.2rem;
}

.wz7 a {

    color: #42bd56;
    margin-right: 0.2rem;
}

.h-bottom ul {
    display: flex;
    margin-left: 0.2rem;
}

.h-bottom ul li {
    flex-grow: 1;
}


/*中部*/
.center {
    width: 640px;
    height: auto;
}

.c-top {
    width: 100%;

}


.c-top1 {
    width: 100%;
    height: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.wz8 {
    color: #000;
    font-size: 0.2rem;
    margin-left: 0.2rem;
}

.wz9 a {
    color: #42bd56;
    margin-right: 0.2rem;
}


.c-top2 {
    width: 100%;
    height: 111px;
    display: flex;
    margin-left: 0.2rem;
}

.c-top3 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}


.wz10, .wz11 {
    margin-left: 0.17rem;
}

.wz10 {
    color: #494949;
    font-size: 0.28rem;
}

.wz11 {
    font-size: 0.15rem;
    color: #9b9b9b;

}

.wz12 {
    margin-right: 0.20rem;
    color: #ea6648;
    font-size: 0.20rem;
}


.c-center {
    width: 100%;
    height: auto;

}

.c-center ul {
    display: flex;

    margin-left: 0.2rem;

}

.c-center ul li {
    flex-grow: 1;
}


.c-bottom {
    width: 100%;
    height: auto;
    margin-top: 0.34rem;

}

.c-bottom span {
    color: #000;
    font-size: 0.2rem;
    margin-left: 0.2rem;
}


.c-bottom ul {

    display: flex;
    flex-wrap: wrap;
    margin-left: 0.08rem;

}

.c-bottom ul li {

    margin-left: 0.12rem;
    margin-top: 0.09rem;
}


.wz13 {
    width: 1.1rem;
    height: 0.5rem;
    border: 1px solid #cc3344;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


.wz14 {
    width: 1.3rem;
    height: 0.5rem;
    border: 1px solid #4f9ded;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


.wz15 {
    width: 1.5rem;
    height: 0.5rem;
    border: 1px solid #ffc46c;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


.wz16 {
    width: 1.5rem;
    height: 0.5rem;
    border: 1px solid #2384e8;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


.wz17 {
    width: 0.8rem;
    height: 0.5rem;
    border: 1px solid #42bd56;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


.wz18 {
    width: 1.5rem;
    height: 0.5rem;
    border: 1px solid #ff4055;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


.wz19 {
    width: 1.3rem;
    height: 0.5rem;
    border: 1px solid #3ba94d;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


.wz20 {
    width: 1.1rem;
    height: 0.5rem;
    border: 1px solid #ffac2d;
    text-align: center;
    line-height: 0.5rem;
    border-radius: 0.1rem;

}


/*底部*/

.bottom {
    width: 640px;
    height: auto;
    margin-top: 0.37rem;
    padding-left: 0.2rem;
}

.b-top {
    width: 100%;
}

.bottom span {

}


.bottom ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}

.bottom ul li {
    width: 50%;
    height: 0.43rem;
    border: 1px solid #ccc;
    line-height: 0.43rem;
    border-left: none;
    padding-left: 0.1rem;
    position: relative;
}

.bottom ul li a {
    color: #42bd56;

}


.bottom ul li:after {
    content: " ";
    height: 12px;
    width: 12px;
    border-width: 2px 2px 0 0;
    border-color: #c7c7cc;
    border-style: solid;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
}


.b-bottom {
    width: 100%;
    height: 1.36rem;
    margin-top: 0.8rem;
    text-align: center;

}

.b-bottom1 {

}

.b-bottom1 img {
    width: 0.6rem;
    height: 0.6rem;
    vertical-align: middle
}


.b-bottom1 b {
    font-size: 0.45rem;
    vertical-align: middle;
    margin-left: 0.1rem;

}

.b-bottom span {
    width: auto;
    height: auto;
    color: #42bd56;
    margin-top: 0.1rem;
    display: inline-block;

}